<template>
  <view class="noData">
    <image src="https://ltjt.sjzballsportpark.com/statics/tyc/static/noData.png"></image>
    <text>{{ text }}</text>
  </view>
</template>
<script>
export default {
  props: {
    text: {
      type: String,
      default: "暂无数据",
    },
  },
};
</script>
<style scoped lang="scss">
.noData {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 500rpx;
  position: relative;

  image {
    height: 240rpx;
    width: 240rpx;
    flex: 0 0 auto;
  }

  text {
    font-size: 24rpx;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.3);
    line-height: 34rpx;
  }
}
</style>
